<template>
	<view >
		<uni-popup ref="approve">
			<view class="approve">
				<view class="title">一键审批</view>
				<view class="">备注信息</view>
				<input class="input" type="text" v-model="text" placeholder="请输入备注信息">
				<view class="btn">确定</view>
			</view>
		</uni-popup>
	</view>
</template>
<script>

export default {
		props:['show'],
		data() {
			return {
				text:'同意申请'
			}
		},
		methods:{
			open() {
				this.$refs.approve.open('center')
			}
		}
}
</script>
<style lang="scss" scoped>
	.approve {
		width: 580rpx;
		height: 400rpx;
		border-radius: 8px;
		background-color: #fff;
		padding: 20px;
		box-sizing: border-box;
		text-align: left;
		font-size: 14px;
		
		.title {
			text-align: center;
			font-size: 16px;
			font-weight: 600;
			margin-bottom: 10px;
		}
		.input {
			background-color: #f5f5f5;
			padding: 10px;
			margin-top: 10px;
			border-radius: 4px;
		}
		.btn {
			font-size: 16px;
			text-align: center;
			height: 44px;
			width: 100%;
			border-radius: 40px;
			margin-top: 20px;
			background-color: #4ab4ff;
			color: #fff;
			line-height: 44px;
		}
	}
</style>